<template>
  <div class="common-layout">
    <el-container>
      <el-header style="padding:0;height: 191px;">
        <top></top>
      </el-header>
      <div class="main">
        <router-view></router-view>
      </div>
      <top-button></top-button>
      <el-footer style="padding: 0;">
        <bottom></bottom>
      </el-footer>

    </el-container>
  </div>
</template>

<script>
import Top from '../components/top.vue';
import Bottom from '../components/bottom.vue';
import TopButton from '../components/top-button.vue';
export default {
  data() {
    return {
      ShowHidden: false,
    }
  },
  components: {
    Top,
    Bottom,
    TopButton
  }
}

</script>
<style scoped>
.body {
  display: flex;

}

h1 {
  margin: 0 auto;
}
</style>